:root {
  --#{$variable-prefix}component-gutter-t: 0;
  --#{$variable-prefix}component-gutter-b: 2rem;
  --#{$variable-prefix}component-gutter-s: 0;
  --#{$variable-prefix}component-gutter-e: 0;
  --#{$variable-prefix}font-size: 16px;

  &:not([data-palette]) {
    @each $key, $color in $palette-blue {
      --hbs-#{$key}: #{$color};
    }
  }

  &:not([data-mode]) {
    @each $key, $color in $mode-light {
      --hbs-#{$key}: #{$color};
    }
  }
}
